*{
	padding: 0;
	margin: 0;
	list-style: none;
	-webkit-backface-visibility: hidden;
	-webkit-tap-highlight-color: rgba(255, 255, 255, 0);
	-webkit-overflow-scrolling: touch; 
	appearance:none;
	-moz-appearance:none;
	-webkit-appearance:none;
	user-select: none;
	-webkit-touch-callout: none;
}
html,body{
	height: 100%;
	width: 100%;
}
.logo{
	width: 100vw;
	height: 10vw;
	background: url(img/logo.png) no-repeat;
	background-size: 100% 100%;
	position: absolute;
	top: 3vw;
	left: 0;
	z-index: 100;
}
.index_bottom{
	width: 100vw;
	height: 93vw;
	background: url(img/index_bg_bottom.png) no-repeat;
	background-size: 100% 100%;
	position: absolute;
	bottom: 0;
	left: 0;
}
.index_bg{
	width: 100%;
	height: 100%;
	background: url(img/index_bg.jpg) no-repeat;
	background-size: 100% 100%;
	position: absolute;
	top: 0;
	left: 0;
}
.index_top{
	width: 100vw;
	height: 85vw;
	background: url(img/index_title.png) no-repeat;
	background-size: 100% 100%;
	position: absolute;
	top: 0;
	left: 0;
}
.activity_introduce{
	width: 100vw;
	height: auto;
	position: absolute;
	top: 88vw;
	text-align: center;
	font: 3.5vw/6.5vw "微软雅黑";
}

.introduce_white{
	color: white;
}
.introduce_yellow{
	color: #ffff00;
	font-weight: bolder;
}
.btn_start{
	width: 40vw;
	height: 20vw;
	background: url(img/btn_start.png) no-repeat;
	background-size: 100% 100%;
	position: absolute;
	top: 125vw;
	left: 30vw;
}
.activity_rule{
	width: 40vw;
	height: 10vw;
	position: absolute;
	top: 145vw;
	left: 30vw;
	color: white;
	text-decoration: underline;
	text-align: center;
	letter-spacing: 1vw;
}
.box_rule{
	width: 100%;
	height: 100%;
	background: rgba(10,10,10,0.8);
	position: absolute;
	top: 0;
	left: 0;
	display: none;
}
.rule_bg{
	width: 82vw;
	height: 131vw;
	background: url(img/rule_bg.png) no-repeat;
	background-size: 100% 100%;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
}
.btn_closeRule{
	width: 34vw;
	height: 18vw;
	position: absolute;
	top: 110vw;
	left: 23vw;
}
.index_bg2{
	width: 100%;
	height: 100%;
	background: url(img/index_bg2.jpg) no-repeat;
	background-size: 100% 100%;
	position: absolute;
	top: 0;
	left: 0;
}
.index_bottom2{
	width: 100vw;
	height: 90vw;
	background: url(img/index2_bg_bottom.png) no-repeat;
	background-size: 100% 100%;
	position: absolute;
	bottom: 0;
	left: 0;
}
.infor_bg{
	width: 88vw;
	height: 130vw;
	background: url(img/infor_bg.png) no-repeat;
	background-size: 100% 100%;
	position: absolute;
	top: 0vw;
	left: 6vw;
}
.box_name{
	width: 62vw;
	height: 10vw;
	border-radius: 10vw;
	background: #b5b5b5;
	position: absolute;
	top: 50vw;
	left: 13vw;
	display: flex;
	flex-direction: row;
}
.name_txt,.phone_txt{
	width: 20vw;
	height: 10vw;
	color: white;
	font: 5vw/10vw "微软雅黑";
	margin-left: 4vw;
	letter-spacing: 0vw;
}
.phone_txt{
	width: 25vw;
}
#name,#phone{
	width: 34vw;
	height: 10vw;
	border: none;
	background: none;
	font: 5vw/10vw "微软雅黑";
	color: white;
}
.box_phone{
	width: 62vw;
	height: 10vw;
	border-radius: 10vw;
	background: #b5b5b5;
	position: absolute;
	top: 64vw;
	left: 13vw;
	display: flex;
	flex-direction: row;
}
.box_code{
	width: 62vw;
	height: 10vw;
	position: absolute;
	top: 78vw;
	left: 13vw;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
}
#code{
	width: 30vw;
	height: 10vw;
	border: none;
	border-radius: 10vw;
	background: #b5b5b5;
	font: 5vw/10vw "微软雅黑";
	color: white;
	text-align: center;
}
.btn_getCode{
	width: 30vw;
	height: 10vw;
	border-radius: 10vw;
	background: #1d76a8;
	font: 4.5vw/10vw "微软雅黑";
	color: white;
	text-align: center;
}
.box_area{
	width: 62vw;
	height: 10vw;
	border-radius: 10vw;
	background: #b5b5b5;
	position: absolute;
	top: 92vw;
	left: 13vw;
	display: flex;
	flex-direction: row;
}
.area_txt{
	width: 30vw;
	height: 10vw;
	color: white;
	font: 5vw/10vw "微软雅黑";
	margin-left: 4vw;
	letter-spacing: 0vw;
}
.select_area{
	width: 25vw;
	height: 6vw;
	border: none;
	margin-top: 2vw;
	background: url(img/arrow.png) no-repeat;
	background-position: right center;
	color: white;
	font: 5vw/6vw "微软雅黑";
}
.btn_ensure{
	width: 40vw;
	height: 20vw;
	background: url(img/btn_ensure.png) no-repeat;
	background-size: 100% 100%;
	position: absolute;
	top:106vw;
	left: 24vw;
}
.index_bg3{
	width: 100%;
	height: 100%;
	background: url(img/index_bg3.jpg) no-repeat;
	background-size: 100% 100%;
	position: absolute;
	top: 0;
	left: 0;
}
.index3_txt1,.index3_txt2{
	width: 100vw;
	height: 10vw;
	color: white;
	font: 5vw/6vw "微软雅黑";
	position: absolute;
	top: 16.5vw;
	left: 0;
	text-align: center;
}
.index3_txt2{
	top: 24vw;
	font-weight: bolder;
}
.icon_add{
	width: 44vw;
	height: 70vw;
	background: url(img/add_bg.png) no-repeat;
	background-size: 100% 100%;
	position: absolute;
	top:33vw;
	left: 28vw;
}
.icon_add form{
	width: 44vw;
	height: 70vw;
}
#view{
	width: 44vw;
	height: 70vw;
	position: absolute;
	top:0vw;
	left: 0vw;
	background-color: transparent !important;
	background-size: 100% 100% !important;
}
#alertBox{
	width: 100vw;
	height: 162.5vw;
	background: #E8E8E8;
	position: absolute;
	top: 0;
	left: 0;
	display: none;
	z-index: 10;
}
#clipArea {
	height: 500px;
}
#clipBtn{
	width: 40vw;
	height: 12vw;
	font: 5vw/12vw "微软雅黑";
	text-align: center;
	position: absolute;
	top: 130vw;
	left: 30vw;
	border: 0.5vw black solid;
	border-radius:5% ;
	background: #8e8a78;
}
.icon_selectTeam{
	width: 17.2vw;
	height: 5vw;
	background: url(img/icon_team.png) no-repeat;
	background-size: 100% 100%;
	position: absolute;
	top:103vw;
	left:41.4vw;
}
.box_team{
	width: 62vw;
	height: 30vw;
	background: -yellow;
	position: absolute;
	top:107vw;
	left:19vw;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
}
.box_team li{
	width: 24vw;
	height: 30vw;
	background: -red;
}
.box_flag{
	width: 23vw;
	height: 23vw;
	border: 0.5vw solid #1d2088;
	border-radius: 50%;
	overflow: hidden;
}
.box_flag img{
	width: 21vw;
	height: 21vw;
	border: 1vw solid white;
	border-radius: 50%;
}
.team_name{
	width: 20vw;
	height: 8vw;
	background: #00216c;
	border-radius: 5vw;
	margin:0 auto;
	text-align: center;
	font: 4vw/8vw "微软雅黑";
	color: yellow;
	margin-top: 3vw;
}
.btn_submit{
	width: 64vw;
	height: 16vw;
	background: url(img/btn_submit.png) no-repeat;
	background-size: 100% 100%;
	position: absolute;
	top:145vw;
	left:18vw;
}
.index_bg4{
	width: 100%;
	height: 100%;
	background: url(img/index_bg4.jpg) no-repeat;
	background-size: 100% 100%;
	position: absolute;
	top: 0;
	left: 0;
	display: none;
}
.box_poster{
	width: 70vw;
	height: 125vw;
	background: white;
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	margin: auto;
	padding: 3vw 5vw 0vw;
}
.poster{
	width: 70vw;
	height: 100vw;
}
.bg_call{
	width: 86vw;
	height: 25vw;
	background: url(img/bg_call.png) no-repeat;
	background-size: 100% 100%;
	position: absolute;
	top: 75vw;
	left: 0;
}
@font-face {
	font-family:"wordFont";
	src: url(http://192.168.1.86/worldCup/resource/lib/css/font.TTF);
}
.my_slogan{
	position: absolute;
	top: 105vw;
	left: 5vw;
	color: black;
	font-family: "wordFont";
}
.my_team{
	width: 16vw;
	height: 10vw;
	position: absolute;
	top: 117vw;
	left: 5vw;
}
.entrance_code{
	position: absolute;
	top: 116vw;
	left: 25vw;
	color: black;
	font-size: 4vw;
}
.ewm{
	width: 20vw;
	height: 20vw;
	position: absolute;
	top: 107vw;
	right: 5vw;
}
.saveImg{
	position: absolute;
	top: 20vw;
	left: 0;
	width: 100%;
	height: 100%;
	display: none;
}
	
	
	